<!doctype html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>帮助与支持</title>
    <link rel="stylesheet" type="text/css" href="css/helpandsupport-style.css">
    <link rel="stylesheet" type="text/css" href="css/nav1.css">
	<link rel="stylesheet" href="admin-html/css/layer.css">
	<link rel="stylesheet" href="admin-html/lib/layui/css/layui.css">
    <script src="js/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<nav class="mynav">
    <ul>
        <li><a href="" onclick="window.open('index.html')">首 &nbsp 页</a></li>
        <li><a href="" onclick="window.open('bankcardlist.html')">我的银行卡</a></li>
        <li><a href="" onclick="window.open('deallist.html')">我的流水</a></li>
        <li><a href="" onclick="window.open('applydebitcard.html')">申请借记卡</a></li>
        <li><a href="" onclick="window.open('personalcenter.html')">个人中心</a></li>
        <li><a href="" onclick="window.open('helpandsupport.html')">帮助与支持</a></li>	
    </ul>
</nav>
<span class="target"></span>
<!-- <form action="#">
    <div class="search-wrapper">
        <div class="input-holder">
            <input type="text" class="search-input" placeholder="search"/>
            <button class="search-icon" onclick="searchToggle(this, event);"><span></span></button>
        </div>
        <span class="close" onclick="searchToggle(this, event);"></span>
        <div class="result-container">
        </div>
    </div>
</form> -->

<!--滚动列表-->
<div class="list">
    <ul id="newlist">
		
    </ul>
</div>

<script type="text/javascript">
    function searchToggle(obj, evt) {
        var container = $(obj).closest('.search-wrapper');

        if (!container.hasClass('active')) {
            container.addClass('active');
            evt.preventDefault();
        } else if (container.hasClass('active') && $(obj).closest('.input-holder').length == 0) {
            container.removeClass('active');
            // clear input
            container.find('.search-input').val('');
            // clear and hide result container when we press close
            container.find('.result-container').fadeOut(100, function () {
                $(this).empty();
            });
        }
    }
    // //列表滚动
    // $(function () {
    //     //滚动事件，每两秒滚动一次
    //     var mun = setInterval(function () {
    //         $("li:last").hide("slow").prependTo($("#file0")).slideDown();
    //     }, 2000);
    //     //鼠标悬停事件，悬停停止滚动，鼠标移出开始滚动
    //     $("li").hover(function () {
    //         clearInterval(mun);
    //     }, function () {
    //         mun = setInterval(function () {
    //             $("li:last").hide("slow").prependTo($("#file0")).slideDown();
    //         }, 2000);
    //     });
    // });
</script>
<script src="admin-html/lay/modules/layer.js"></script>
<script src="admin-html/lib/layui/layui.js"></script>
<script type="text/javascript">
	   $.ajax({
	       url: "http://www.longm.top:8080/lm/News",
	       type: "POST",
	       dataType:"json",
	       headers: {
	           "token":window.localStorage.getItem("token")
	       },
	       cache: false,
	       async: true,
	       contentType: "application/x-www-form-urlencoded",
	       data: {},
	       success: function (result) {
	           if (result.code === 200) {
					var res = result.data.list;
					for (var i = 0; i < res.length; i++) {
					    $('#newlist').append(
						"<li>"+
						    "<a href='#'>"+
						    "<img src="+'images/helpsupport_img/helpimg3.png'+">"+
						    "<h3>"+res[i].title+"</h3>"+
						    "<p>"+res[i].content+"</p>"+
						    "</a>"+
						"</li>")
					}
	           } 
	       }
	   });
	
</script>
 
	
<script type="text/javascript" src="js/nav1.js"></script>
</body>
</html>